<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品月销售</title>
    <link rel="stylesheet" href="task2.css">
</head>
<body>
    <table border="1" class="tablex">
        
        <caption>
            <h1>产品月销售</h1>
        </caption>
        
        <thead  align="center">
            <tr>
                
                <td><b>ID</td>
                <td><b>产品名称</td>
                <td><b>销量</td>   
            
            </tr>
        </thead>
    
        <tbody align="center">
            <tr>
                <td>2021090901</td>
                <td>马克杯</td>
                <td>5000</td>
             
            </tr>
            <tr>
                <td>2021090901</td>
                <td>啤酒杯</td>
                <td>5200</td>
               
            </tr>
            <tr >
                <td>2021090901</td>
                <td>搪瓷杯</td>
                <td>3500</td>
               
            </tr>
        </tbody>
        <tfoot>
            <tr>
              <!--   <td>合计</td>
                <td>空</td>
                <td>空</td> -->
                <td colspan="2"><b>合计：</td>
            
                    <td align="center"><b>13700</td>
               
               
            </tr>
        </tfoot>
    </table>

</body>
</html>